@charset "utf-8";
@import url("mb.css");







/*************/
.xmb_Framework { position:absolute; left:0px; right:0px; top:0px; bottom:0px;

}
.xmb_Framework_left{ position:absolute; left:0px; top:0px; bottom:0px; width:330px; border-right:1px solid #e4e4e4; }
.xmb_Framework_right{ position:absolute; right:0px; top:0px; bottom:0px; left:331px;                   background:#f88;}
.xmb_Framework_head{ position:absolute; left:0px; right:0px; top:0px; height:30px; padding:20px;  background:#fff; border-bottom:1px solid #e4e4e4; font-size:14px;}
.xmb_Framework_body{ position:absolute;left:0px; right:0px; top:71px;bottom:60px; background:#f4f4f4;}
.xmb_Framework_foot{ position:absolute;left:0px; right:0px;bottom:0px; height:60px; background:#e7ebef;}

/*************/
.xmb_sidebar_nav{ position:absolute; width:50%;left:0px;top:0px; bottom:0px; border-right:1px solid #e4e4e4;
background:#f4f4f4;}
.xmb_sidebar_nav dl{ width:100%;}


.xmb_sidebar_nav dt{ line-height:30px; width:100%; padding:20px 0px; border-bottom:1px solid #e4e4e4; }
.xmb_sidebar_nav dd{ position:absolute; left:100%;top:0px;bottom:0px; width:100%; display:none; }
.xmb_sidebar_nav dl.open dd{ display:block;}

.xmb_sidebar_nav .nav1{ color:#8b939a;transition: all 0.2s;  font-size:14px; cursor:pointer; position:relative;}
.xmb_sidebar_nav .nav1-icon{  margin-left:15px; margin-right:5px;  }
.xmb_sidebar_nav .nav1-txt{  }
.xmb_sidebar_nav .nav1-arr{ position:absolute; top:5px; right:15px;  font-size:16px;
}
.xmb_sidebar_nav dl:hover .nav1{ color:#333;}

.xmb_sidebar_nav dl.open dt{ background:#fff; padding-right:1px;}
.xmb_sidebar_nav dl.open .nav1{ color:#309ff4;font-weight:bold; }
.xmb_sidebar_nav dl.open .nav1-arr{
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
}


.xmb_sidebar_nav .nav2{ line-height:30px; margin:20px 10px; padding:0px 15px; border-radius:50px; color:#4f575e; cursor:pointer;}
.xmb_sidebar_nav li.hover .nav2{ background:#f4f4f4; color:#222; }
.xmb_sidebar_nav li.selected .nav2{ background:#309ff4; color:#fff;font-weight:bold;}

/**/
.btn_xmb_add_empty{ margin:0px 10px;
						  color:#fff; background:#18d8a7; border-color:#16c99b; }
.btn_xmb_add_empty:hover{ color:#fff; background:#ff376a; border-color:#fc2d62; }
/**/
.xmb_btns_area_A{ width:100%; text-align:center; padding-top:10px;}
.xmb_btns_area_A .btn{ line-height:20px; width:110px; font-size:16px; letter-spacing:1px; margin:0px 10px;}
/**/
/************************/
/************************/
/************************/
/************************/

.xmb_mbView{ float:left;width:550px;height:95%; min-height:970px; margin:3% 0px;
 overflow:hidden; box-shadow:0px 0px 15px #000;border-radius:30px 30px 20px 20px;
margin-left:100px; position:relative;}

.xmb_mbView_title{ height:30px;line-height:30px; padding:15px; background:#252e36; color:#fff; font-size:16px; text-align:center; border-radius:30px 30px 0px 0px;  }
.xmb_mbView_title i{ font-style:normal; display:inline-block;width:16px;line-height:16px; padding:3px; border-radius:50px; background:#309ff4; color:#FFFFFF; margin-right:5px; text-align:center; font-size:14px; }

.xmb_mbView_body{ background:#fff; position:absolute;  top:60px; bottom:0px;left:0px; right:0px;}